import React from 'react';

// 在函数组件中获取路由参数
// 类组件: this.props.location 或 this.props.match.params
// 函数组件 使用 useLocation 或useParams

import { useLocation, useParams } from 'react-router-dom'

const Detail = () => {
    const loc = useLocation(); // 等价于类组件中的 this.props.location
    const par = useParams() // 等价于 类组件中的this.props.match.params 针对于动态路由的方式
    console.log('loc', loc);
    console.log('par', par);
    return (
        <div>
            详情页
        </div>
    );
}

export default Detail;
